/**
  * Copyright 2017 Hortonworks.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
  * You may obtain a copy of the License at
  *   http://www.apache.org/licenses/LICENSE-2.0
  * Unless required by applicable law or agreed to in writing, software
  * distributed under the License is distributed on an "AS IS" BASIS,
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
**/

import React, {Component} from 'react';

const NoData = () => {
  const divStyle = {
    backgroundImage: 'url(\'../ui/styles/img/back-default.png\')',
    backgroundRepeat: "no-repeat",
    backgroundPosition: "center top",
    backgroundSize: "50%",
    height: window.innerHeight - 124
  };
  return (
    <div className="col-sm-12 text-center" style={divStyle}>
      <p className="noDataFound-text">No Data Found</p>
    </div>
  );
};

export default NoData;
